<template>
  <img class="box"  v-for="i in list" :key="i" v-lazy="i.picture" alt="">
</template>

<script>
const list = [
  {
    picture: 'xxx'
  },
  {
    picture: 'https://yanxuan-item.nosdn.127.net/401bdd245b349f15898d8e4ed8ba58a4.png'
  },
  {
    picture: 'https://yanxuan-item.nosdn.127.net/01dd5a65d131453074631d82d8f80d91.jpg'
  },
  {
    picture: 'https://yanxuan-item.nosdn.127.net/65aaa061f6ef6834c93018d2aeb79693.jpg'
  }
]
export default {
  setup () {
    return { list }
  }
}
</script>

<style lang="less" scoped>
.box {
  width: 800px;
  height: 800px;
  background-color: pink;
  margin: 200px auto;
  display: block;
}
</style>
